@import url("fontawesome-free-5.15.4-web/css/all.css");

.button {
    color: #8b8b8b;
    text-align: center;
    text-decoration: none;
    margin-right: 10px;
    margin-top: -12px;
    background-color: var(--button-bg-color);
    height: 36px;
    width: 28px;
    border: none;
    border-radius: 2px;
    float: right;
    cursor: pointer;
}

.nightMode .button {
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    margin-right: 10px;
    margin-top: -12px;
    background-color: var(--button-bg-color);
    height: 36px;
    width: 28px;
    border: none;
    border-radius: 2px;
    float: right;
    cursor: pointer;
}

.word {
    letter-spacing: 1px;
    line-height: 48px;
    font-family: times;
}

.explain {
    line-height: 36px;
}

#example {
    font-size: 18px;
    line-height: 1.2em;
}

/* input { */
/*     padding: 8px 10px; */
/*     font-size: 36px; */
/*     border: 1px solid #ccc; */
/*     border-radius: 12px; */
/*     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); */
/*     outline-style: none; */
/*     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); */
/* } */

/* .typeGood { */
/*     font-weight: bold; */
/*     color: white; */
/*     background-color: #1d953f; */
/* } */

/* .typeBad { */
/*     font-weight: bold; */
/*     color: white; */
/*     background-color: #ed1941; */
/* } */

/* .typeMissed { */
/*     color: black; */
/*     text-decoration: underline; */
/*     font-weight: bold; */
/*     background-color: #d5c59f; */
/* } */
